@charset "utf-8";
body,html{width:100%; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; overflow-x:hidden;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:12px; line-height:24px; color:#666666; min-width:320px; zoom:1; background:#fff; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体"; word-break:break-all;}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0); transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#b2b2b2;}
::-moz-placeholder{color:#b2b2b2;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#b2b2b2;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #b2b2b2;}
.w1300{max-width:1300px; min-width:320px; margin:0px auto;}

.f_red{color:#e60122;}

@media ( max-width:1300px){
.w1300{padding:0 15px;}
}



/*公用样式*/
.effect-img{text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img{opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.effect-img:hover img,li:hover .effect-img img,dd:hover .effect-img img,.item:hover .effect-img img{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}

.Ban img{display:block; width:100%;}
.Position{line-height:64px; border-bottom:2px solid #f4f4f4;}
.SubName{font-size:24px; color:#333333; float:left;}
.Menu{float:right; width:80%; text-align:right;}
.Menu a{font-size:16px; color:#4c4c4c; display:inline-block; width:12.2%; text-align:center;}
.Menu a.on{color:#fff; background:#e60122;}

.Container{padding:3% 0 4%;}
.Title01{text-align:center; margin-bottom:2%;}
.Title01 span{display:block; font-size:36px; line-height:46px; color:#333333;}
.Title01 em{display:block; font-size:18px; line-height:25px; color:#999999; text-transform:uppercase;}

.Prostyle{background:#f2f2f2; padding:18px 0px; line-height:32px;}
.Prostyle .SubName{display:none;}
.Prostyle .Menu{width:100%; text-align:left;}
.Prostyle .Menu a.on{color:#e60122; background:none;}

/*pages*/
.Pages{width:100%; text-align:center; color:#666666; font-size:14px; line-height:34px;}
.Pages a{display:inline-block; height:34px; line-height:34px; padding:0px 12px; background:#e6e6e6; color:#666666; margin:0px 2px;}
.Pages .a_prev,.Pages .a_next{display:inline-block;}
.Pages .num a:hover,.Pages .num a.a_cur{color:#fff; background:#e60122;}
/*pages end*/


@media ( max-width:1024px){
.Title01 span{font-size:26px;}
.Menu a{font-size:14px;}
}

@media ( max-width:768px){
.Position{line-height:50px;}
.SubName,.Menu{width:100%; float:none;}
.SubName{background:url(../images/down.png) no-repeat right center; font-size:20px;}
.Menu{display:none; border-top:2px solid #f4f4f4;}
.Menu a{width:50%; float:left;}
.Title01 span{font-size:20px; line-height:30px;}
.Title01 em{font-size:14px;}
.Prostyle{padding:0;}
.Prostyle .SubName{display:block;}
.Prostyle .Menu{background:#fff;}
}

@media ( max-width:640px){

}

@media ( max-width:480px){

}




/*Top*/
.Top{position:relative;}
.Logo{width:85px; float:left; padding:6px 0px;}
.Logo img{display:block; width:100%;}
.Tright{width:80%; float:right;}
.Tright .sbtn{line-height:22px; margin:40px 0px 0px; float:right;}
.Search{position:absolute; top:100%; right:0px; background:#fff; border:2px solid #e60122; width:220px; display:none; z-index:999;}
.Search .input{width:150px; padding:0px 10px; height:28px; font-size:14px;}
.Search .input::placeholder{color:#999;}
.Search .btn{height:28px; width:50px; text-align:center; font-size:14px; color:#fff; background:#e60122; position:absolute; top:0px; right:0px;}
.Nav{float:left; width:96%;}
.Nav li{float:left; padding:0 2.2%; background:url(../images/navline.png) no-repeat right center; position:relative;}
.Nav li .am{display:block; font-size:16px; line-height:100px; color:#4c4c4c;}
.Nav li .am img{display:inline-block; vertical-align:middle; margin-right:10px;}
.Nav li:hover .am,.Nav li.active .am{color:#e60122;}
.Nav li#na79{background:none; padding-right:0;}
.Nav li .SubNav{position:absolute; left:50%; top:100%; z-index:999; width:140px; margin-left:-70px; display:none; background:url(../images/opacity.png) repeat; padding:15px 0px;}
.Nav li .SubNav a{display:block; line-height:45px; font-size:14px; color:#fff; text-align:center;}
.Nav li .SubNav a:hover{background:#e60122;}


.Banner .item img{display:block; width:100%;}
.Banner .flex-control-nav{height:6px; line-height:6px; bottom:5%;}
.Banner .flex-control-paging li{margin:0px 6px;}
.Banner .flex-control-paging li a{width:28px; height:8px; background:url(../images/dotpic.png) no-repeat left top; border-radius:0;}
.Banner .flex-control-paging li .flex-active{background:url(../images/dotpic.png) no-repeat left bottom;}



@media ( max-width:1300px){
.Tright{width:88%;}
}

@media ( max-width:1190px){
.Nav li{padding:0 1.7%;}
}


@media ( max-width:1024px){
.Tright{width:auto; margin-right:80px;}
.header_menu{display:block; background-image:url(../images/navicon.png); position:absolute; top:50%; right:0px; margin-top:-12px; width:20px; height:24px;background-size:100%;background-position:center; background-repeat:no-repeat; z-index:9;}
.Showbox{width:50%; height:100%; background:rgba(0,0,0,.95); overflow:auto;overflow-x:none; position:fixed;z-index:9990;top:0; right:-100%;}
.Showbox .close_bar{height:70px;line-height:70px;overflow:hidden;position:absolute;top:0;left:0; width:100%;background:rgba(0,0,0,.95); border-bottom:1px solid #e8e8e8;text-align:right;}
.Showbox .close_bar a{background:url(../images/menu_close_btn.png) no-repeat;width:25px;height:25px; background-size:cover;display:inline-block;vertical-align:middle;margin-right:20px;transition:transform ease-in 0.3s;}
.Showbox .close_bar a:hover{transform:rotate(180deg);}
.Nav{background:none; margin-top:72px; width:100%;}
.Nav li{float:none; width:100%; text-align:left;}
.Nav li .am img{display:none;}
.Nav li .am{padding:10px 0px; color:#fff; line-height:50px; font-size:20px; padding-left:40px;}
.Nav li:hover .am, .Nav li.active .am{background:none;}
.Nav li .foldbtn{position:absolute; width:70px; height:70px; right:0px; top:0px; background:url(../images/down.png) no-repeat center center;}
.Nav li .SubNav{position:static; background:none; padding:0px;}
.Nav li .SubNav a{padding-left:60px;}
}

@media ( max-width:850px){
.Logo{width:65px;}
.Tright .sbtn{margin-top:30px;}
}

@media ( max-width:480px){

}
 

/*bottom*/
.Footer{border-top:2px solid #e60122; background:#272a2f; padding:3% 0 1.5%;}
.footinfo{width:18.6%; float:left; line-height:28px; color:#68696c;}
.footinfo .licon{display:block; margin-bottom:3%;}
.footinfo .share{padding:6% 0; border-bottom:1px solid #3f4146; margin-bottom:6%;}
.footinfo .share a{float:left; width:20px; margin-right:6px; position:relative;}
.footinfo .share .weixin{position:absolute; left:0px; top:100%; width:100px; display:none; z-index:99;}
.footinfo .share a:hover .weixin{display:block;}
.footinfo .share .call{padding-left:30px; line-height:20px; float:right; font-size:16px; color:#bdbdbe; background:url(../images/b4.png) no-repeat left center;}
.footinfo dl dd{font-size:14px; position:relative; padding-left:60px;}
.footinfo dl dd .name{position:absolute; left:0px; top:0px; width:58px; text-align:right;}
.Sitepath{width:81%; float:right;}
.Sitepath dl{float:left; margin-left:5%;}
.Sitepath dl dt{margin-bottom:20px; line-height:54px; background:url(../images/line2.png) repeat-x left bottom; font-size:16px; color:#fff;}
.Sitepath dl dd a{display:block; line-height:28px; color:#68696c; font-size:14px;}

.Bottom{padding:13px 0px; line-height:30px; color:#68696c; background:#1a1b1d;}
.Bottom a{color:#68696c;}
.Bottom i{color:#313234; padding:0px 16px;}

@media ( max-width:1024px){

}

@media ( max-width:1200px){
.Footer{display:none;}
}

@media ( max-width:768px){
.Bottom{text-align:center; line-height:26px;}
.Bottom span{float:none !important; display:block;}
}

/*index*/
.HomeTit{text-align:center;}
.HomeTit .icon{display:inline-block;}
.HomeTit .name{display:block; line-height:43px; margin-bottom:8px; font-size:20px; color:#333333;}
.HomeTit i{display:block; width:70px; height:2px; background:#e60122; margin:0 auto;}
.HomeAbout{background:#f7f7f7 url(../images/aboutbg.jpg) no-repeat right bottom; padding:3% 0 5%;}
.HomeAbout .box{padding:3% 0 0;}
.HomeAbout .box .txt{width:50%; float:left;}
.HomeAbout .box .txt .databox dd{float:left; margin-left:10%; font-size:16px; line-height:34px; color:#666666;}
.HomeAbout .box .txt .databox dd:first-child{margin-left:0;}
.HomeAbout .box .txt .databox dd div{line-height:63px;}
.HomeAbout .box .txt .databox dd .num{font-size:64px; font-family:Impact;}
.HomeAbout .box .txt .amenu{margin:5% 0; line-height:40px; background:#fff;} 
.HomeAbout .box .txt .amenu a{display:block; width:20%; float:left; text-align:center; font-size:14px; color:#333333; font-weight:bold;}
.HomeAbout .box .txt .amenu a:hover{color:#e60122;}
.HomeAbout .box .txt .info{font-size:14px; line-height:26px; color:#666666; max-height:182px; overflow:hidden;}
.HomeAbout .box .pic{width:32.3%; float:right; padding:0 0 12px 54px; background:url(../images/bg1.png) no-repeat left bottom;} 
.HomeAbout .box .pic video{width:100%; height:290px;}
.HomeAbout .box .pic .more{margin:8px 0px 0px; display:block; padding-left:40px; line-height:28px; font-size:16px; color:#e60122; text-transform:uppercase; background:url(../images/more.png) no-repeat left center;}

.HomeProject{padding:3% 0;}
.ProjectBox{margin:3% 0 0;}
.ProjectBox .Advanhd{margin:0px 70px; background:url(../images/line1.png) repeat-x left 46px;}
.ProjectBox .Advanhd .item{text-align:center;}
.ProjectBox .Advanhd .item .icon{width:40px; height:40px; margin:0 auto; position:relative;}
.ProjectBox .Advanhd .item .icon img{position:absolute; left:0px; top:0px; width:100%;}
.ProjectBox .Advanhd .item .icon .i1{transition: 400ms;}
.ProjectBox .Advanhd .item .icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.ProjectBox .Advanhd .item.on .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.ProjectBox .Advanhd .item.on .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); }
.ProjectBox .Advanhd .item .name{display:block; padding:10px 0px 0px; line-height:38px; background:url(../images/arr2.png) no-repeat center top; font-size:14px; color:#666666;}
.ProjectBox .Advanhd .item.on .name{color:#e60122; background:url(../images/arr1.png) no-repeat center top;}
.ProjectBox .owl-buttons .owl-prev,.ProjectBox .owl-buttons .owl-next{position:absolute; top:50%; width:32px; height:32px; margin-top:-16px; line-height:100px; text-indent:999em; overflow:hidden;}
.ProjectBox .owl-buttons .owl-prev{background:url(../images/prev.png) no-repeat left center; left:-70px;}
.ProjectBox .owl-buttons .owl-next{background:url(../images/prev.png) no-repeat right center; right:-70px;}

.ProjectBox .Advanbd{margin:1.5% 0 0;}
.piccon li{width: 24.25%; float: left; margin: 0 1% 1% 0; position: relative;}
.piccon li:nth-child(4n){margin-right: 0;}
.piccon li img{display:block; width:100%; height: 250px;}

.piccon li .mask{background:url(../images/opacity.png) repeat; position:absolute; width:100%; left:0px; top:0px; height:100%; z-index:5; text-align:center; display:none;}
.piccon li .mask .con{position:absolute; height:84px; width:100%; left:0px; top:50%; margin-top:-32px;}
.piccon li .mask .con .name{display:block; font-size:18px; height:30px; line-height:30px; overflow:hidden; color:#fff;}
.piccon li .mask .con .more{margin:22px 0px 0px;}
.piccon li .mask .con .more span{display:block; font-size:14px; line-height:30px; color:#e60122;}
.piccon li .mask .con .more i{display:block; width:14px; height:2px; background:#e60122; margin:0 auto;}
.piccon li:hover .mask{display:block;}

.LoadMore{display:block; width:160px; line-height:40px; background:#e70c2c; font-size:16px; color:#fff; text-align:center; margin:3% auto 0; border-radius:25px;}
.LoadMore2{color:#4c4c4c; border:2px solid #cccccc; width:156px; line-height:36px; background:none;}

.HomeNews{background:#f7f7f7; padding:3% 0;}
.HomeNews ul{padding:3% 0 0;}
.HomeNews ul li{width:31.3333%; float:left; margin-right:3%; background:#fff;}
.HomeNews ul li:nth-child(3n){margin-right:0;}
.HomeNews ul li .txt{padding:3% 5% 5%;}
.HomeNews ul li .txt .sort{line-height:26px; font-size:14px; color:#808080;}
.HomeNews ul li .txt .sort .name{background:url(../images/arr3.png) no-repeat left center; padding-left:20px;}
.HomeNews ul li .txt h3{margin:13px 0px; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333333;}
.HomeNews ul li .txt .info{font-size:14px; line-height:24px; height:72px; overflow:hidden; color:#666666;}
.HomeNews ul li .txt .more{margin:20px 0px 0px; display:block; width:28px; height:28px; background:url(../images/more1.png) no-repeat;}
.HomeNews ul li:hover .txt h3{color:#e60122;}
.HomeNews ul li:hover .txt .more{background:url(../images/more2.png) no-repeat;}

.HomeHonnor{padding:3% 0;}
.HonnorBox{margin:3% 0 0;}
.HonnorBox .item{margin:0 5px;}
.HonnorBox .item .effect-img{border:1px solid #e6e6e6;}
.HonnorBox .item .effect-img img{display:block; width:100%;}
.HonnorBox .item .name{display:block; height:46px; line-height:46px; overflow:hidden; font-size:16px; color:#4c4c4c; text-align:center;}
.HonnorBox .owl-buttons .owl-prev,.HonnorBox .owl-buttons .owl-next{position:absolute; top:50%; width:32px; height:32px; margin-top:-16px; line-height:100px; text-indent:999em; overflow:hidden;}
.HonnorBox .owl-buttons .owl-prev{background:url(../images/prev.png) no-repeat left center; left:-55px;}
.HonnorBox .owl-buttons .owl-next{background:url(../images/prev.png) no-repeat right center; right:-55px;}

@media ( max-width:1600px){
.HonnorBox .owl-buttons .owl-prev{left:-35px;}
.HonnorBox .owl-buttons .owl-next{right:-35px;}
}

@media ( max-width:1440px){

}


@media ( max-width:1366px){
.HonnorBox .owl-buttons .owl-prev{left:0px;}
.HonnorBox .owl-buttons .owl-next{right:0px;}
}

@media ( max-width:1200px){
.HomeTit .icon{width:30%;}
.HomeAbout .box .txt .databox dd .num{font-size:50px;}
}

@media ( max-width:1024px){
.piccon li img{height: 177px;}
}


@media ( max-width:850px){
.HomeAbout .box .txt .databox dd .num{font-size:30px;}
.piccon li img{height: 133px;}
.piccon li:hover .mask{display:none;}
.HomeNews ul li .txt h3{font-size:16px; margin:5px 0px;}
.HonnorBox .item .name{font-size:14px;}
}

@media ( max-width:640px){
.HomeAbout .box .txt{width:100%; float:none; margin-bottom:15px;}
.HomeAbout .box .pic{float:none; padding:0 0 5% 5%; width:95%;}
.piccon li img{height: 111px;}
}

@media ( max-width:480px){
.LoadMore{width:140px; line-height:30px;}
.HomeTit .icon{width:64%;}
.HomeTit .name{margin-bottom:0; font-size:18px;}
.HomeAbout .box .txt .databox dd{font-size:14px;}
.HomeAbout .box .txt .databox dd div{line-height:40px;}
.HomeAbout .box .txt .databox dd .num{font-size:25px;}

.ProjectBox .Advanhd{margin:0px 15px;}
.piccon li img{height: 65px;}
.ProjectBox .owl-buttons .owl-prev{left:-15px;}
.ProjectBox .owl-buttons .owl-next{right:-15px;}

.HomeNews ul li{width:100%; float:none; margin-bottom:10px;}
}

/*公司介绍*/
.Single video{width:100%; height:460px; background:#000;}


@media ( max-width:1024px){
.Single video{height:360px;}
}

@media ( max-width:768px){
.Single video{height:280px;}
}

@media ( max-width:480px){
.Single video{height:150px;}
}

/*公司历程*/
.HistoryBox{margin:3% 0 0;}
.HistoryBox .Hishd{margin:0px 70px; background:url(../images/line1.png) repeat-x left 46px;}
.HistoryBox .Hishd .item{text-align:center;}
.HistoryBox .Hishd .item a{display:block; height:43px; line-height:36px; font-size:18px; color:#666666; background-size:100% 100%;}
.HistoryBox .Hishd .item.on a{color:#e60122; background-image:url(../images/arr4.png);}
.HistoryBox .owl-buttons .owl-prev,.HistoryBox .owl-buttons .owl-next{position:absolute; top:50%; width:32px; height:32px; margin-top:-16px; line-height:100px; text-indent:999em; overflow:hidden;}
.HistoryBox .owl-buttons .owl-prev{background:url(../images/prev.png) no-repeat left center; left:-70px;}
.HistoryBox .owl-buttons .owl-next{background:url(../images/prev.png) no-repeat right center; right:-70px;}
.HistoryBox .owl-buttons .owl-prev:hover{background:url(../images/prev2.png) no-repeat left center; left:-70px;}
.HistoryBox .owl-buttons .owl-next:hover{background:url(../images/prev2.png) no-repeat right center; right:-70px;}

.HistoryBox .Hisbd{border:1px solid #e6e6e6; margin:3% 0 0; padding:3% 4%; background:#f5f5f5;}
.HistoryBox .Hisbd .txt{width:48%; float:left; padding:3% 0; font-size:24px; color:#333333; line-height:40px;}
.HistoryBox .Hisbd .pic{width:48%; float:right;}
.HistoryBox .Hisbd .pic img{display:block; width:100%;}
.HistoryBox .Hisbd .owl-pagination{width:48%; position:absolute; left:0px; bottom:0px; height:14px; line-height:14px;}
.HistoryBox .Hisbd .owl-pagination .owl-page{width:14px; height:14px; border-radius:50%; background:#999999; display:inline-block; margin:0px 6px;}
.HistoryBox .Hisbd .owl-pagination .owl-page.active{background:#e60122;}

@media ( max-width:1024px){
.HistoryBox .Hisbd .txt{font-size:20px; line-height:30px;}
}

@media ( max-width:768px){
.HistoryBox .Hisbd .txt{font-size:16px;}
}

@media ( max-width:640px){

}

@media ( max-width:480px){
.HistoryBox .Hishd{margin:0px 40px;}
.HistoryBox .owl-buttons .owl-prev{left:-40px;}
.HistoryBox .owl-buttons .owl-next{right:-40px;}
.HistoryBox .Hisbd .pic,.HistoryBox .Hisbd .txt{width:100%; float:none;}
.HistoryBox .Hisbd .txt{padding-bottom:20px;}
.HistoryBox .Hisbd .owl-pagination{text-align:center; width:100%;}
}

/*领导致辞*/
.LeaderBox .pic{width:33.076%; float:left; text-align:center;}
.LeaderBox .pic img{display:inline-block;}
.LeaderBox .txt{width:61.384%; float:right; padding:2% 0 0;}
.LeaderBox .txt .info{margin:3% 0 0;}

@media ( max-width:768px){
.LeaderBox .pic,.LeaderBox .txt{width:100%; float:none;}
}

/*资质证书*/
.HonnorList li{width:31.3333%; margin:0 3% 3% 0; float:left;}
.HonnorList li:nth-child(3n){margin-right:0;}
.HonnorList li a{display:block; border:1px solid #e6e6e6;}
.HonnorList li img{display:block; width:100%; height:296px;}
.HonnorList li .name{display:block; border-top:1px solid #e6e6e6; height:58px; line-height:58px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;text-align:center; font-size:16px; color:#4c4c4c;}
.HonnorList li:hover a{box-shadow:0px 0px 20px #ccc;}
.HonnorList li:hover .name{color:#e60122;}

@media ( max-width:1024px){
.HonnorList li img{height:226px;}
}

@media ( max-width:768px){
.HonnorList li img{height:167px;}
}

@media ( max-width:640px){
.HonnorList li .name{font-size:14px; height:36px; line-height:36px;}
.HonnorList li img{height:138px;}
}

@media ( max-width:480px){
.HonnorList li{width:48%; margin-right:0;}
.HonnorList li:nth-child(2n){float:right;}
.HonnorList li img{height:119px;}
}

/*企业文化*/
.CultureBox{position:relative;}
.CultureBox .pic{width:61.538%; float:right;}
.CultureBox .txt{width:53.846%; position:absolute; left:0; height:80%; top:10%; background:#f7f7f7;}
.CultureBox .txt .info{padding:10% 6%; font-size:16px; line-height:36px; color:#4c4c4c;}
.CultureBox .txt .info .tit{display:block; font-size:24px; color:#333333; line-height:28px; margin:3% 0 0;}
.CultureBox .txt .info .entit{display:block; font-size:14px; line-height:18px; color:#808080; font-family:Arial; margin:0 0 3%;}


@media ( max-width:1024px){
.CultureBox .txt .info{line-height:28px; font-size:14px;}
.CultureBox .txt .info .tit{font-size:18px;}
}

@media ( max-width:850px){
.CultureBox .txt{width:70%;}
.CultureBox .txt .info{padding:5%;}
}

@media ( max-width:640px){
.CultureBox .pic,.CultureBox .txt{width:100%; float:none;}
.CultureBox .txt{position:static;}
}


/*工程展示*/
.ProjectList ul{padding:0 0 2%;}
.ProjectList li{width:32%; float:left; margin:0 2% 2% 0;}
.ProjectList li:nth-child(3n){margin-right:0;}
.ProjectList li img{display:block; width:100%; height: 234px;}
.ProjectList li .name{border:1px solid #e6e6e6; border-top:none; padding:0 5%;}
.ProjectList li .name span{display:block; background:url(../images/more3.png) no-repeat right center; color:#4c4c4c; font-size:18px; padding-right:35px; line-height:78px; height:78px; overflow:hidden;}
.ProjectList li:hover .name span{background:url(../images/more4.png) no-repeat right center; color:#e60122;}

@media ( max-width:1024px){
.ProjectList li .name span{height:50px; line-height:50px; font-size:16px;}
.ProjectList li img{height:227px;}
}

@media ( max-width:768px){
.ProjectList li img{height:169px;}
}

@media ( max-width:640px){
.ProjectList li .name span{font-size:14px; background:none; text-align:center; padding-right:0; line-height:40px; height:40px;}
.ProjectList li:hover .name span{background:none;}
.ProjectList li img{height:139px;}
}

@media ( max-width:480px){
.ProjectList li{width:49%; margin-right:0;}
.ProjectList li:nth-child(2n){float:right;}
.ProjectList li img{height:121px;}
}

/*生产经营*/
.Business .box .first{width:41.538%; float:left; background:#959595;}
.Business .box img{display:block; width:100%;}
.Business .box .first .txt{padding:17px 20px 12px;}
.Business .box .first .txt h3,.Business .box .second dd .txt .name{font-size:18px; color:#fff; line-height:32px; height:32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.Business .box .first .txt .date,.Business .box .second dd .txt .date{display:block; padding-left:24px; line-height:25px; color:#d9d9d9; background:url(../images/time2.png) no-repeat left center; font-size:14px;}
.Business .box .first .txt .info,.Business .box .second dd .txt .info{margin:12px 0px 0px; font-size:14px; line-height:20px; color:#d9d9d9; height:40px; overflow:hidden;}
.Business .box .second{width:54.615%; float:right;}
.Business .box .second dd{margin-bottom:5%;}
.Business .box .second dd:last-child{margin-bottom:0;}
.Business .box .second dd .effect-img{width:43.66%; float:left; }
.Business .box .second dd .txt{width:52.11%; float:right; padding:2% 0 0;}
.Business .box .second dd .txt .name{display:block; color:#333333;}
.Business .box .second dd .txt .date{background:url(../images/time.png) no-repeat left center; color:#808080;}
.Business .box .second dd .txt .info{line-height:24px; color:#808080; height:72px;}
.Business .box .second dd:hover .txt .name{color:#e60122;}
.Business .list ul{margin:3% 0;}
.Business .list li{background:#f5f5f5; padding:2%; position:relative;}
.Business .list li:nth-child(2n){background:#fff;}
.Business .list li .date{position:absolute; left:2%; top:30px; font-size:24px; font-family:Calibri; color:#bbbbbb; width:150px;}
.Business .list li .txt{padding-left:150px;}
.Business .list li .txt .name{display:block; font-size:18px; line-height:36px; height:36px; overflow:hidden; color:#333333; background:url(../images/arr5.png) no-repeat right center; padding-right:12px;}
.Business .list li .txt .info{margin:1% 0 0; font-size:14px; line-height:24px; height:24px; color:#999999; overflow:hidden;}
.Business .list li:hover .date,.Business .list li:hover .txt .name{color:#e60122;}

@media ( max-width:1024px){

}

@media ( max-width:768px){
.Business .box .first .txt h3,.Business .box .second dd .txt .name,.Business .list li .txt .name{font-size:16px;}
}

@media ( max-width:640px){
.Business .box .first{margin-bottom:3%;}
.Business .box .first,.Business .box .second{width:100%; float:none;}
}

@media ( max-width:480px){
.Business .box .second dd{box-shadow:0px 0px 10px #ccc;}
.Business .box .second dd .effect-img{width:100%; float:none;}
.Business .box .second dd .txt{padding:3% 5%; width:90%; float:none;}
.Business .list li{padding:3% 5%;}
.Business .list li .date{position:static;}
.Business .list li .txt{padding:0;}
.Business .list li .txt .info{margin:0; height:48px;}
}

/*新闻中心*/
.greyBox{background:#f6f6f6;}
.NewsSlider{background:#fff;}
.NewsSlider .item .effect-img{width:49.23%; float:left;}
.NewsSlider .item .effect-img img{display:block; width:100%;}
.NewsSlider .item .txt{width:42.307%; float:right; padding:3% 3.5% 0 0;}
.NewsSlider .item .txt .date{display:block; font-size:14px; line-height:28px; color:#999999;}
.NewsSlider .item .txt .name{display:block; font-size:22px; color:#333333; line-height:32px; height:32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:1% 0 3%;}
.NewsSlider .item .txt .info{font-size:14px; color:#999999; line-height:30px; height:90px; overflow:hidden;}
.NewsSlider .item .txt .more{display:block; width:118px; line-height:32px; color:#999999; border:1px solid #e6e6e6; text-align:center; margin:5% 0 0;}
.NewsSlider .owl-pagination{width:50%; position:absolute; right:25px; bottom:20px; height:10px; line-height:14px; text-align:right;}
.NewsSlider .owl-pagination .owl-page{width:10px; height:10px; border-radius:50%; background:#999999; display:inline-block; margin:0px 4px;}
.NewsSlider .owl-pagination .owl-page.active{background:#e60122;}

.NewsList ul{padding:3% 0 2%;}
.NewsList li{width:32%; margin:0 2% 2% 0; float:left; background:#fff;}
.NewsList li:nth-child(3n){margin-right:0;}
.NewsList li .effect-img{position:relative;}
.NewsList li .date{position:absolute; width:120px; line-height:32px; bottom:0px; left:0px; background-color:rgba(0,0,0,0.6); color:#fff; font-size:14px; text-align:center;}
.NewsList li .effect-img .mask{background-color:rgba(230,1,34,0.6); position:absolute; left:0px; top:0px; width:100%; height:100%; background-image:url(../images/link.png); background-position:center center; background-repeat:no-repeat; display:none;}

.NewsList li .txt{padding:4%;}
.NewsList li .txt .name{display:block; font-size:18px; line-height:26px; height:52px; overflow:hidden; color:#333333;}
.NewsList li .txt .info{font-size:14px; line-height:24px; color:#999999; height:72px; overflow:hidden; margin:1.5% 0 3.5%;}
.NewsList li .txt .more{display:block; width:118px; line-height:32px; color:#999999; border:1px solid #e6e6e6; text-align:center;}
.NewsList li:hover .effect-img .mask{display:block;}
.NewsList li:hover .txt .more{border:1px solid #e60122; background:#e60122; color:#fff;}


@media ( max-width:1024px){
.NewsSlider .item .txt .name{font-size:18px;}
.NewsList li .txt .name{font-size:16px;}
}

@media ( max-width:640px){
.NewsSlider .item .txt .name{font-size:16px; line-height:24px;}
.NewsSlider .item .txt .info{line-height:24px; height:48px;}
.NewsList li{width:49%; margin:0 0 3% 0;}
.NewsList li:nth-child(2n){float:right;}
}

@media ( max-width:480px){
.NewsSlider .item .effect-img{width:100%; float:none;}
.NewsSlider .item .txt{padding:4%; width:92%; float:none;}
.NewsList li,.NewsList li:nth-child(2n){width:100%; float:none;}
}

/*详情页*/
.ActiveContent .Atit{text-align:center; line-height:28px; position:relative;}
.ActiveContent .Atit h2{font-size:20px; color:#333333;}
.ActiveContent .Atit em{display:block; font-size:14px; color:#666666; padding:9px 0px 21px; border-bottom:1px dashed #e8e8e8;}
.ActiveContent .Atit em i{padding:0px 12px;}
.ContentAbout{padding:3% 0; border-bottom:1px solid #e7e7e7;}
.PrevNextBox{padding:24px 0px 0px;}
.PrevNextBox dl{font-size:14px; line-height:33px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}

@media ( max-width:480px){
.ActiveContent .Atit h2{font-size:18px;}
}

/*党群工作*/
.PartyTop{background:#f9f9f9;}
.PartyTop .effect-img{width:49.23%; float:left;}
.PartyTop .effect-img img{display:block; width:100%;}
.PartyTop .txt{width:42.307%; float:right; padding:3% 3.5% 3% 0;}
.PartyTop .txt .date{display:block; font-size:14px; line-height:28px; color:#666666; padding-left:20px; background:url(../images/date.png) no-repeat left center; margin:3% 0;}
.PartyTop .txt .name{display:block; font-size:22px; color:#333333; line-height:30px; max-height:60px; overflow:hidden;}
.PartyTop .txt .info{font-size:14px; color:#666666; line-height:28px; height:84px; overflow:hidden;}
.PartyTop .txt .more{display:block; line-height:32px; color:#e60122; margin:5% 0 0;}
.PartyList ul{padding:3% 0 1%;}
.PartyList li{width:47.538%; float:left; border-bottom:1px solid #ebebeb; padding-bottom:3%; margin-bottom:3%;}
.PartyList li:nth-child(2n){float:right;}
.PartyList li .effect-img{width:33.98%; float:left;}
.PartyList li .effect-img img{display:block; width:100%;}
.PartyList li .txt{width:60%; float:right;}
.PartyList li .txt .name{display:block; font-size:20px; line-height:32px; height:32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;}
.PartyList li .txt .info{font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#666666; margin:3% 0;}
.PartyList li .txt .more{display:block; line-height:32px; color:#e60122;}


@media ( max-width:1024px){
.PartyTop .txt .name,.PartyList li .txt .name{font-size:18px;}
.PartyList li .txt .info{margin:1.5% 0;}
}

@media ( max-width:768px){
.PartyList li{width:100%; float:none;}
.PartyTop .txt .info{height:56px;}
}

@media ( max-width:640px){
.PartyTop .txt .name, .PartyList li .txt .name{font-size:16px;}
}

@media ( max-width:480px){
.PartyTop .effect-img,.PartyList li .effect-img{width:100%; float:none;}
.PartyTop .txt,.PartyList li .txt{width:90%; float:none; padding:3% 5%;}
.PartyList li .txt{padding:3% 5% 0;}
.PartyList li{margin-bottom:5%;}
}

/*法律法规*/
.LawList ul{padding:0 0 2%;}
.LawList li{background:#fff; margin-bottom:1.5%; padding:18px 4%;}
.LawList li a{font-size:14px; color:#666666; height:28px; overflow:hidden; display:block;}
.LawList li .name{font-size:20px; color:#333;}
.LawList li .more{float:right;}
.LawList li .date{display:block; margin:7px 0px 12px; font-size:14px; line-height:24px; color:#808080;}
.LawList li .info{font-size:14px; line-height:22px; color:#808080; height:44px; overflow:hidden; width:84%;}
.LawList li:hover{box-shadow:0px 0px 15px #ededed;}
.LawList li:hover a{color:#e60122;}

.DownList ul{ margin-bottom:35px;}
.DownList li{ margin-bottom:10px;background: #fff url(../images/pdf.gif) no-repeat left center; line-height:60px; padding:0 161px 0 90px; position:relative;}
.DownList li a.down{ font-size:14px; text-align:center; width:151px; position:absolute; right:0px; top:0px; border-left:1px solid #f0f0f0;}
.DownList li a.down i{background:url(../images/down.gif) no-repeat left center; display:inline-block; vertical-align:middle; width:20px; height:20px; margin-right:8px; color:#333333;}
.DownList li p{ display:table-cell; height:60px; line-height:20px; font-size:18px; vertical-align:middle;}
.DownList li:hover{ box-shadow:0 0 10px #ddd;}
.DownList li:hover a{ color:#e60122;}


@media ( max-width:1024px){
.LawList li .name{font-size:16px;}
.LawList li .info{width:100%;}
.DownList li{background: #fff url(../images/pdf2.gif) no-repeat left center; padding:0 100px 0 40px;}
.DownList li a.down{ font-size:12px; width:90px;}
.DownList li p{font-size:15px;}
}

@media ( max-width:480px){
.LawList li .more{display:none;}
}

/*联系我们*/
.ContactBox .map{border:1px solid #e6e6e6;}
.ContactBox .map img{display:block; width:100%;}
.Title02 span{display:block; line-height:74px; font-size:26px; color:#333333;}
.Title02 i{background:#000000; display:block; width:30px; height:3px;}
.ContactBox .box{margin:1% 0 0; position:relative; padding-bottom:3%; margin-bottom:1%; border-bottom:1px solid #e6e6e6;}
.ContactBox .txt{float:left;}
.ContactBox dl{margin:2% 0 0; font-size:16px; line-height:40px; color:#818181;}
.ContactBox dl dd em{color:#333333;}
.ContactBox dl dd i{padding:0 3%;}
.ContactBox dl dd .num{font-size:36px; color:#e60122; font-family:Arial; display:block;}
.ContactBox .wxbox{width:182px; position:absolute; right:0px; bottom:8%; text-align:center;}
.ContactBox .wxbox img{display:block; width:100%;}
.ContactBox .wxbox em{display:block; line-height:24px; margin:20px 0 0; font-size:14px; color:#666666;}

.Message .box{margin:18px 0px 0px;}
.Message .box dl{font-size:14px; color:#666666;}
.Message .box dl dt{font-size:16px; line-height:48px; color:#666666;}
.Message .box dl dd .input{width:398px; height:54px; border:1px solid #aaaaaa; padding:0px 10px; font-size:14px; color:#333; margin-left:15px; margin-bottom:6px;}
.Message .box dl dd .input::placeholder,.Message .box dl dd textarea::placeholder{color:#999999;}
.Message .box dl dd .input:first-child{margin-left:0;}
.Message .box dl dd textarea{width:98%; height:198px; line-height:54px; border:1px solid #aaaaaa; padding:0px 1%; font-size:14px; color:#333;}
.Message .box dl dd input[type="radio"]{margin:0px 6px 0px 22px; display:inline-block; vertical-align:middle;}
.Message .box dl dd input[type="radio"]:first-child{margin-left:0;}
.Message .box dl .btn{width:200px; height:56px; font-size:18px; color:#fff; background:#e60122; margin:30px 0px 0px;}

@media ( max-width:1300px){
.Message .box dl dd .input{width:28%; margin-left:3%;}
}

@media ( max-width:1024px){
.Title02 span{font-size:20px; line-height:50px;}
.Message .box dl dd .input{height:40px;}
.Message .box dl dd textarea{line-height:40px;}
}

@media ( max-width:768px){
.ContactBox .wxbox{position:static; margin:0 auto;}
.Message .box dl dd .input{margin-left:1.5%;}
}

@media ( max-width:640px){
.Title02 span{font-size:18px;}
.ContactBox dl dd .num{font-size:26px;}
}

@media ( max-width:480px){
.Message .box dl dd .input,.Message .box dl dd textarea{width:94%; padding:0 3%; margin-left:0;}
.Message .box dl .btn{width:150px; height:40px; margin:5% 0 0; font-size:16px;}
}

/*人力资源*/
.JobList li{margin-bottom:1px; overflow:hidden;}
.JobList li.First{border:none;}
.JobList li.First .Titname{color:#333333; overflow:hidden; font-weight:bold; background:#ebebeb;}
.JobList li .Titname{display:block; float:left; width:16.666666666%; text-align:center; color:#4c4c4c; font-size:16px; overflow:hidden; line-height:60px; height:60px; background:#f7f7f7;}
.JobList li .Titname .detail{color:#4c4c4c;}
.JobList li.lion{box-shadow:0px 0px 25px #f3f3f3;}
.JobList li.lion .Titname.name{color:#e60122; font-weight:bold;}
.JobList li .Con{ display:none; padding:2.5% 5%; position:relative;}
.JobList li .Con .apply{position:absolute; top:10%; right:3%; width:120px; line-height:36px; border-radius:3px; background:#e60122; color:#fff; text-align:center; font-size:16px;}
.JobList li .Con dl{line-height:30px; font-size:14px; color:#808080; width:80%;}
.JobList li .Con dl dt{font-size:16px; color:#4c4c4c;}
.JobList li .Con .info{font-size:16px; color:#4c4c4c; line-height:30px;}
.JobList li .Con .info a{color:#83b9e5;}

@media ( max-width:768px){
.JobList li .Con dl{width:100%;}
.JobList li .Con .apply{position:static; display:block; margin:3% 0 0;}
}

@media ( max-width:640px){
.JobList li .Titname{font-size:14px;}

}

@media ( max-width:480px){
.JobList li .Titname:nth-child(3),.JobList li .Titname:nth-child(5){display:none;}
.JobList li .Titname{width:25%;}
}


/*应聘表单*/
.recruitform .list{margin:0 auto; width:580px;}
.recruitform .list li{margin-bottom:20px;}
.recruitform .list li span{ display:block; float:left; line-height:40px; margin-right:3%; color:#4d4d4d; font-size:16px;}
.recruitform .list li input.txt{ border:1px solid #e6e6e6; height:38px; line-height:38px; padding-left:10px; font-size:14px; width:468px;}
.recruitform .list li label{ float:left; line-height:40px; margin-right:20px; font-size:16px; color:#4d4d4d;}
.recruitform .list li label input.radio{ margin-right:8px; }
.recruitform .list li textarea{ border:1px solid #e6e6e6; height:148px; padding:10px; font-size:14px; width:458px;}
.recruitform .list li.btn{ text-align:center; width:100%; float:none; clear:both; margin-bottom:0;}
.recruitform .list li.btn input{ width:120px; color:#fff; height:36px; line-height:36px; font-size:16px; cursor:pointer; border-radius:18px; -webkit-border-radius:18px;  -moz-border-radius:18px; margin:0 8px;}
.recruitform .list li.btn input.submit{background:#e60122; }
.recruitform .list li.btn input.reset{background:#ccc; }

@media ( max-width:480px){
.recruitform .list{width:100%;}
.recruitform .list li input.txt{width:72%;}
.recruitform .list li textarea{width:70%;}
}


/*业务分布*/
.ChinaMap{width:625px; float:left; position:relative;}
.ChinaMap li .bg{position:absolute; display:none; z-index:0;}
.ChinaMap li.on .bg{display:block;}
.ChinaMap li .name{position:absolute; z-index:9; font-size:13px; color:#4d4d4d; height:20px; line-height:20px;}
.ChinaMap li:hover .name,.ChinaMap li.on .name{background:url(../images/cur.png) no-repeat center top; padding-top:29px; transition: 400ms; color:#fff;}

/*黑龙江*/
.ChinaMap li.m1 .bg{top:0px; right:0px;}
.ChinaMap li.m1 .name{top:61px; right:27px;}
.ChinaMap li.m1:hover .name,.ChinaMap li.m1.on .name{top:31px;}

/*吉林*/
.ChinaMap li.m2 .bg{top:97px; right:12px;}
.ChinaMap li.m2 .name{top:122px; right:52px;}
.ChinaMap li.m2:hover .name,.ChinaMap li.m2.on .name{top:92px;}

/*北京*/
.ChinaMap li.m3 .bg{top:184px; right:147px;}
.ChinaMap li.m3 .name{top:166px; right:154px;}
.ChinaMap li.m3:hover .name,.ChinaMap li.m3.on .name{top:136px;}

/*天津*/
.ChinaMap li.m4 .bg{top:192px; right:135px;}
.ChinaMap li.m4 .name{top:189px; right:136px;}
.ChinaMap li.m4:hover .name,.ChinaMap li.m4.on .name{top:159px;}

/*河北*/
.ChinaMap li.m5 .bg{top:158px; right:118px;}
.ChinaMap li.m5 .name{top:215px; right:150px;}
.ChinaMap li.m5:hover .name,.ChinaMap li.m5.on .name{top:185px;}

/*山东*/
.ChinaMap li.m6 .bg{top:224px; right:80px;}
.ChinaMap li.m6 .name{top:242px; right:128px;}
.ChinaMap li.m6:hover .name,.ChinaMap li.m6.on .name{top:212px;}

/*江苏*/
.ChinaMap li.m7 .bg{top:266px; right:75px;}
.ChinaMap li.m7 .name{top:276px; right:104px;}
.ChinaMap li.m7:hover .name,.ChinaMap li.m7.on .name{top:246px;}

/*上海*/
.ChinaMap li.m8 .name{top:298px; right:90px;}
.ChinaMap li.m8:hover .name,.ChinaMap li.m8.on .name{top:268px;}

/*安徽*/
.ChinaMap li.m9 .bg{top:277px; right:103px;}
.ChinaMap li.m9 .name{top:303px; right:127px;}
.ChinaMap li.m9:hover .name,.ChinaMap li.m9.on .name{top:273px;}

/*江西*/
.ChinaMap li.m10 .bg{top:342px; right:112px;}
.ChinaMap li.m10 .name{top:362px; right:140px;}
.ChinaMap li.m10:hover .name,.ChinaMap li.m10.on .name{top:332px;}

/*福建*/
.ChinaMap li.m11 .bg{top:365px; right:88px;}
.ChinaMap li.m11 .name{top:389px; right:106px;}
.ChinaMap li.m11:hover .name,.ChinaMap li.m11.on .name{top:359px;}

/*广东*/
.ChinaMap li.m12 .bg{top:408px; right:120px;}
.ChinaMap li.m12 .name{top:425px; right:160px;}
.ChinaMap li.m12:hover .name,.ChinaMap li.m12.on .name{top:395px;}

/*广西*/
.ChinaMap li.m13 .bg{top:400px; right:190px;}
.ChinaMap li.m13 .name{top:430px; right:225px;}
.ChinaMap li.m13:hover .name,.ChinaMap li.m13.on .name{top:400px;}

/*湖南*/
.ChinaMap li.m14 .bg{top:346px; right:165px;}
.ChinaMap li.m14 .name{top:372px; right:190px;}
.ChinaMap li.m14:hover .name,.ChinaMap li.m14.on .name{top:342px;}

/*湖北*/
.ChinaMap li.m15 .bg{top:302px; right:145px;}
.ChinaMap li.m15 .name{top:320px; right:176px;}
.ChinaMap li.m15:hover .name,.ChinaMap li.m15.on .name{top:290px;}

/*河南*/
.ChinaMap li.m16 .bg{top:256px; right:146px;}
.ChinaMap li.m16 .name{top:280px; right:170px;}
.ChinaMap li.m16:hover .name,.ChinaMap li.m16.on .name{top:250px;}

/*山西*/
.ChinaMap li.m17 .bg{top:191px; right:177px;}
.ChinaMap li.m17 .name{top:245px; right:190px;}
.ChinaMap li.m17:hover .name,.ChinaMap li.m17.on .name{top:215px;}

/*内蒙古*/
.ChinaMap li.m18 .bg{top:6px; right:90px;}
.ChinaMap li.m18 .name{top:190px; right:235px;}
.ChinaMap li.m18:hover .name,.ChinaMap li.m18.on .name{top:160px;}

/*宁夏*/
.ChinaMap li.m19 .bg{top:214px; right:256px;}
.ChinaMap li.m19 .name{top:242px; right:264px;}
.ChinaMap li.m19:hover .name,.ChinaMap li.m19.on .name{top:210px;}

/*甘肃*/
.ChinaMap li.m20 .bg{top:164px; left:210px;}
.ChinaMap li.m20 .name{top:262px; right:284px;}
.ChinaMap li.m20:hover .name,.ChinaMap li.m20.on .name{top:232px;}

/*陕西*/
.ChinaMap li.m21 .bg{top:210px; right:211px;}
.ChinaMap li.m21 .name{top:286px; right:230px;}
.ChinaMap li.m21:hover .name,.ChinaMap li.m21.on .name{top:256px;}

/*重庆*/
.ChinaMap li.m22 .bg{top:319px; right:219px;}
.ChinaMap li.m22 .name{top:345px; right:230px;}
.ChinaMap li.m22:hover .name,.ChinaMap li.m22.on .name{top:315px;}

/*四川*/
.ChinaMap li.m23 .bg{top:289px; left:251px;}
.ChinaMap li.m23 .name{top:340px; right:310px;}
.ChinaMap li.m23:hover .name,.ChinaMap li.m23.on .name{top:310px;}

/*贵州*/
.ChinaMap li.m24 .bg{bottom:92px; right:224px;}
.ChinaMap li.m24 .name{top:388px; right:250px;}
.ChinaMap li.m24:hover .name,.ChinaMap li.m24.on .name{top:358px;}

/*云南*/
.ChinaMap li.m25 .bg{top:362px; left:247px;}
.ChinaMap li.m25 .name{top:420px; right:315px;}
.ChinaMap li.m25:hover .name,.ChinaMap li.m25.on .name{top:390px;}

/*西藏*/
.ChinaMap li.m26 .bg{top:240px; left:27px;}
.ChinaMap li.m26 .name{top:302px; left:132px;}
.ChinaMap li.m26:hover .name,.ChinaMap li.m26.on .name{top:272px;}

/*青海*/
.ChinaMap li.m27 .bg{top:210px; left:161px;}
.ChinaMap li.m27 .name{top:256px; left:212px;}
.ChinaMap li.m27:hover .name,.ChinaMap li.m27.on .name{top:226px;}

/*新疆*/
.ChinaMap li.m28 .bg{top:62px; left:0px;}
.ChinaMap li.m28 .name{top:150px; left:128px;}
.ChinaMap li.m28:hover .name,.ChinaMap li.m28.on .name{top:120px;}

/*海南*/
.ChinaMap li.m29 .bg{bottom:0px; right:200px;}
.ChinaMap li.m29 .name{top:498px; right:210px;}
.ChinaMap li.m29:hover .name,.ChinaMap li.m29.on .name{top:468px;}

/*台湾*/
.ChinaMap li.m30 .bg{bottom:63px; right:62px;}
.ChinaMap li.m30 .name{top:416px; right:63px;}
.ChinaMap li.m30:hover .name,.ChinaMap li.m30.on .name{top:386px;}

/*浙江*/
.ChinaMap li.m31 .bg{top:324px; right:70px;}
.ChinaMap li.m31 .name{top:340px; right:85px;}
.ChinaMap li.m31:hover .name,.ChinaMap li.m31.on .name{top:310px;}

/*辽宁*/
.ChinaMap li.m32 .bg{top:138px; right:58px;}
.ChinaMap li.m32 .name{top:157px; right:78px;}
.ChinaMap li.m32:hover .name,.ChinaMap li.m32.on .name{top:127px;}


.CompanyBox{width:40%; float:right; margin:10% 0 0 0;}
.Company dl dt span{display:block; font-size:24px; line-height:56px; color:#4c4c4c;}
.Company dl dt i{display:block; width:30px; height:2px; background:#808080;}
.Company dl dd{margin:3% 0 0; font-size:18px; line-height:36px; color:#4c4c4c;}

.MobileMap{display:none;}


@media ( max-width:1200px){
.MobileMap{display:block; text-align:center;}	
.ChinaMap{display:none;}
.CompanyBox{width:100%; float:none; margin:3% 0 0;}
.CooperBox .bd .ul{width:31.333%; float:left; margin:0 3% 15px 0; display:block !important;}
.CooperBox .bd .ul:nth-child(3n){margin-right:0;}
.Company dl dt span{font-size:20px; line-height:46px;}
.Company dl dd{font-size:16px; line-height:30px;}
}

@media ( max-width:768px){
.CooperBox .bd .ul{width:48%; margin-right:0;}
.CooperBox .bd .ul:nth-child(2n){float:right;}
.Company dl dt span{font-size:16px;}
.Company dl dd{font-size:14px;}
}

@media ( max-width:480px){
.CooperBox .bd .ul,.CooperBox .bd .ul:nth-child(2n){width:100%; float:none;}
}